<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">#{message['distribucion.grupo.horario']}</h1>
		<h:form id="formGrupo">
			<p:messages id="message" showDetail="true" closable="true" />
			 
			<p:fieldset legend="#{message['grupo.consulta.tipo.evento']}">
			<h:panelGrid id="display" columns="2" cellpadding="5" >
				<h:outputText value="#{message['contrato.tipo.venta']}" />
				<p:selectOneMenu value="#{distribucion.tipoVenta}" style="width:220px" required="true">
					<f:selectItem itemLabel="Seleccione tipo de venta" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.tipoEventoVentaitems}" />
					<p:ajax update="display" />
				</p:selectOneMenu>
				
				<h:outputText value="#{message['distribucion.grupo.expositor']}" rendered="#{distribucion.tipoVenta!=2}"/>
				<h:panelGroup  rendered="#{distribucion.tipoVenta!=2}">
				<p:selectCheckboxMenu label="Expositores.." required="true"  value="#{distribucion.expositorList}" filter="true" requiredMessage="Debe seleccionar como mínimo un expositor"
				filterMatchMode="startsWith" style="width:200px" >
					<f:selectItems value="#{comboAction.expositorItems}" />
					<p:ajax update="expo"/>
				</p:selectCheckboxMenu>
				<h:outputText id="expo" value="#{distribucion.expositorElegido}" style="font-weight:bold"/>
				</h:panelGroup>
				
				<h:outputText value="#{message['contrato.vendedor']}" rendered="#{distribucion.tipoVenta==2}"/>
				<h:panelGroup rendered="#{distribucion.tipoVenta==2}">
				<p:selectCheckboxMenu label="Vendedores .." required="true" value="#{distribucion.vendedorList}" filter="true" requiredMessage="Debe seleccionar como mínimo un vendedor"
				filterMatchMode="startsWith" style="width:200px" >
					<f:selectItems value="#{comboAction.vendedorItems}" />
				</p:selectCheckboxMenu>
				</h:panelGroup>
				<h:outputText value="#{message['horario.personal.dia']}" />
				<h:panelGroup>
				<p:selectCheckboxMenu label="Dias.." required="true" value="#{distribucion.diaList}" filter="true" requiredMessage="Debe seleccionar el día para la asistencia de dicho horario"
				filterMatchMode="startsWith" style="width:200px"  >
					<f:selectItems value="#{comboAction.diasItems}" />
					<p:ajax update="dias" />
				</p:selectCheckboxMenu>
				<h:outputText id="dias" value="#{distribucion.dias}" style="font-weight:bold"/>
				</h:panelGroup>
				
				<h:outputText value="#{message['distribucion.grupo.turno']}" />
				<h:panelGroup>
				<p:selectOneMenu value="#{distribucion.idturno}" required="true" >
					<f:selectItem itemLabel="Seleccione turno" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.turnoItems}" />
					<p:ajax update="rango" />
				</p:selectOneMenu>
				<h:outputText id="rango" value="#{distribucion.rangoTurno}" style="font-weight:bold"/>
				</h:panelGroup>
				
				<h:outputText value="#{message['distribucion.grupo.mes']}" />
				<h:panelGroup>
				<p:selectOneMenu value="#{distribucion.idMes}" required="true" >
					<f:selectItem itemLabel="Seleccione mes" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.metaMesItems}" />
					<p:ajax update="out"  listener="#{distribucion.listarFechas}"  />
				</p:selectOneMenu>
				<h:outputText id="out"  value="#{distribucion.rangoFecha}" style="font-weight:bold"/>
				</h:panelGroup>
				
				<p:commandButton value="#{message['distribucion.grupo.agregar']}" action="#{distribucion.agregarhorario}" 
				title="#{message['distribucion.grupo.agregar.title']}" update="fldshedule,message" icon="ui-icon-star" />
				
			</h:panelGrid>
         </p:fieldset>
         
         <p:fieldset id="fldshedule" legend="#{message['distribucion.grupo.horario.visualizar']}" style="margin-top:20px" >
         	<p:schedule value="#{distribucion.eventModel}" draggable="false" resizable="false"  locale="pe" allDaySlot="false" >
         	 <p:ajax event="eventSelect" listener="#{distribucion.onEventSelect}" update=":formHorarioVenta:display" 
         	 oncomplete="horarioVentaDialog.show()" disabled="#{distribucion.tipoVenta==2}" />
         	</p:schedule> 
         </p:fieldset>
         
         <p:commandButton value="#{message['distribucion.grupo.registrar']}" action="#{distribucion.insertar}" 
				  update="message" icon="ui-icon-star" />
				
	</h:form>
	</ui:define>
</ui:composition>